<!DOCTYPE html>
<head>
	<title>Height adjustment</title>
	<link rel="stylesheet" href="../../../codebase/webix.css" type="text/css" charset="utf-8">
	<script src="../../../codebase/webix.js" type="text/javascript" charset="utf-8"></script>
	<script src="common/data.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="../common/samples.css">
	<style>

		.header{
			font-size:17px;
		}
	</style>
</head>
<body>



<script type="text/javascript" charset="utf-8">


	webix.ready(function(){
		webix.ui({
			view: "window",
			head: "Chart height is adjusted to its content height",
			width: 500,
			top: 100,
			left:100,
			body:{
				view:"organogram",
				select: true,
				autoheight: true,

				data: webix.copy(chart_data)
			}
		}).show();
	});
</script>
</body>
</html>